define("header", function (require, exports, module) {
  const loadStyles = require("loadStyles");
  loadStyles("src/components/header/header.css");
  const { routes } = require("routes");
  module.exports = {
    name: "Header",
    data() {
      return {
        routes,
      };
    },
    template: `
      <div class="header">
        <RouterLink :to="item.path" v-for="(item, index) in routes" :key="index" :class="$route.path === item.path ? 'on' : ''">{{item.meta.title}}</RouterLink>
      </div>
    `,
    mixins: [],
    created() {
      const title = document.querySelector("title");
      title.innerHTML = this.$route.meta.title;
    },
    mounted() {
      console.log("[home test]", this.$route, this.$store);
    },
    updated() {},
    destroyed() {},
    computed: {},
    watch: {},
    methods: {},
  };
});
